<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>网上PC销售商城</title>
		<link rel="stylesheet" href="./css/themes/default/jquery.mobile-1.4.5.min.css">
		<link rel="stylesheet" href="./_assets/css/jqm-demos.css">
		<link rel="shortcut icon" href="./favicon.ico">
		<link rel="stylesheet" href="css/mui.min.css">
		<script src="./js/jquery.js"></script>
		<script src="./_assets/js/index.js"></script>
		<script src="./js/jquery.mobile-1.4.5.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/database.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			function toLogin() {
				var name = $(" #name ").val();
				var password = $(" #password ").val();
				if(name == '' || password == '') {
					alert("用户名或密码不能为空！");
				}else{
					login(name,password);
				}
				
			}

			function toReg() {
				window.location.href = "regist.html";
			}
		</script>
	</head>

	<body>
		<!-- Start of first page: #one -->
		<div data-role="page" id="pageOne">
			<div data-role="header">
				<a href="#" data-rel="back" class="ui-btn ui-btn-left ui-alt-icon ui-nodisc-icon ui-corner-all ui-btn-icon-notext ui-icon-carat-l">Back</a>
				<h1>网上PC销售商城</h1>
			</div>
			<!-- /header -->
			<div id="main" role="main" class="ui-content">
				<div data-demo-html="true">
					<form method="get" action="">

						<div class="ui-field-contain">
							<img src="img/timg.jpg" width="100%"/>
							
							<br>
							<label for="name">用户名:</label>

							<input type="text" data-role="none" name="name" id="name">

							<br/>

							<label for="password">密码:</label>

							<input type="password" data-role="none" name="password" id="password">
							<div class='ui-grid-a'>
								<div class='ui-block-a'>
									<button onclick="javascript:toLogin();" data-role="button">登录</button>
								</div>
								<div class='ui-block-b'>
									<button onclick="javascript:toReg();" data-role="button">注册</button>
								</div>
							</div>
						</div>

					</form>

				</div>
			</div>

			<div data-role="footer" data-position="fixed" data-tap-toggle="false">
				<h3>Copyright by 528魏迦南</h3>
			</div>
		</div>
	</body>

</html>